import React from 'react'
import { Outlet } from "react-router-dom"
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons'
import {NavLink} from "react-router-dom"
function Home() {
    return (
        <div>
            <Outlet></Outlet>
            <Tabbar>
                <Tabbar.Item icon={<HomeO />}>
                    <NavLink to="/home/movie">电影</NavLink>
                </Tabbar.Item>
                <Tabbar.Item icon={<Search />}>
                    <NavLink to="/home/video">视频</NavLink>
                </Tabbar.Item>
                <Tabbar.Item icon={<FriendsO />}>
                      <NavLink to="/home/shortVideo">小视频</NavLink>
                </Tabbar.Item>
                <Tabbar.Item icon={<SettingO />}>
                <NavLink to="/home/show">小演出</NavLink>
                </Tabbar.Item>
            </Tabbar>
        </div>
    )
}

export default Home